#pivot-table table td:first-child { position: fixed; top: 64px; right: 0; height: 40px; width: 200px; padding: 10px; background-color: #eee; border: solid 1px #ccc; }
#pivot-table .pvtAxisContainer.pvtUnused.pvtVertList.ui-sortable { position: fixed; top: 104px; right: 0; bottom: 0; overflow: auto; width: 200px; height: auto; opacity: .8; }
#pivot-table .pvtAxisContainer:hover.pvtUnused:hover.pvtVertList:hover.ui-sortable:hover { opacity: initial; }

.pvtAxisContainer li span.pvtAttr { -webkit-text-size-adjust: 100%; background: none; border: none; padding: 0; white-space: nowrap; border-radius: 0; }

.report-paper-operacional { width: calc(100% - 250px); }



@media (max-width: 1024px) {

    .card-report td, .card-report th { font-size: 10px !important; }
    .card-report table { table-layout: fixed !important; width: 100% !important; }

    #wrapper .nav.nav-tabs { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    #wrapper .nav.nav-tabs li { position: static; float: none; display: inline-block; }
    #wrapper .nav.nav-tabs::-webkit-scrollbar { width: 4px; height: 4px; background-color: transparent; }
    #wrapper .nav.nav-tabs::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0,0,0,.5); }
}

@media (min-width: 1336px) and (max-width: 4000px) {

    .table-responsive-calendar th, .table-responsive-calendar td { /*font-size: 14px!important;*/ }
}


@media (max-width: 768px) {
    div[ui-view="body"] { overflow: hidden; }
    .containerDetails{
        padding: 0 !important
    }
    .hideDisplayMd{
        display:none !important
    }
    .table-responsive {
        border: none;
    }
    .fit-to-filter { margin-right: inherit; }

    .btn-float.footer { bottom: 72px; }

    #header .navbar-header { float: left; }
    #header .navbar-header .navbar-brand { }
    #header .navbar-header .navbar-brand > a,
    #header .navbar-header .navbar-brand > i { display: none; }
    #header .search { display: none; }

    #wrapper { overflow: hidden; margin-bottom: 0; }
    #wrapper .content-header { padding-left: 0; padding-right: 0; }
    #wrapper [id$="-content"] > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #wrapper [id$="-content"] > .p-32 { padding: 8px; }
    #wrapper [id$="-content"] > .cover > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #wrapper [id$="-content"] > .cover > .p-32 { padding-left: 8px; padding-right: 8px; }
    #wrapper [id$="-content"] > .section > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #wrapper [id$="-content"] > .section > .p-32 { padding: 8px; }
    #wrapper form h1 > a { display: none; }
    #wrapper form h1 > small > i { display: none; }
    #wrapper [class*="mark-"] { border-top-width: 4px !important; }

    #main-menu { overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: 56px; }
    #main-menu a.item { width: 80px; }
    #main-menu a.item i, #main-menu a.item img { display: block; height: 25px; width: 25px; padding: 0; margin: 5px 27.5px; font-size: 25px; }
    #main-menu a.item p { display: block; padding: 0 4px; margin: 0; overflow: hidden; font-size: 12px; }

    #wrapper .bg-modal .form {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: auto;
        margin: 0;
        box-shadow: none;
        z-index: 1110;
        background-color: white;
    }
    #wrapper .bg-modal .form .header { position: fixed; top: 0; right: 0; left: 0; font-size: 16px; height: 56px; line-height: 56px; padding: 0 10px 0 20px; margin: 0; text-transform: uppercase; z-index: 1110; overflow: hidden; }
        #wrapper .bg-modal .form .wrapper {
            position: fixed;
            padding: 16px;
            top: 56px;
            bottom: 56px;
            left: 0;
            right: 0;
            height: auto;
            z-index: 1110;
            background-color: white;
        }
        #wrapper .bg-modal .form .footer {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 8px 16px;
            height: 56px;
            z-index: 1110;
            background-color: rgb(231 231 231);
        }
    #wrapper .bg-modal .form .footer .btn { font-weight: bold; }



    #home-content > .p-64 { padding-left: 32px; padding-right: 32px; }
    #home-content .cover img.logo-cliente { display: block; text-align: left; height: auto; width: 50%; }
    #home-content .cover img.logo { height: auto; width: 100%; margin: 20% 0; }
    #home-content #scroll-down .material-icons { font-size: 64px; }

    #dashboard-content .cover > .m-h-32.p-h-16 { margin-left: 8px; margin-right: 8px; padding-left: 0; padding-right: 0; }
    #dashboard-content .stats .stats-body h1 br { display: none; }

    #campanha-content > .p-64 { padding: 8px; }
    #campanha-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }

    #relatorio-content > .p-64 { padding: 8px; }
    #relatorio-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }
    #relatorio-content .cover > .p-64 { padding: 24px; }
    #relatorio-content .cover > .p-h-64 { padding-left: 24px; padding-right: 24px; }

    #relatorio-content > .p-32 { padding: 8px; }
    #relatorio-content > .p-h-32 { padding-left: 8px; padding-right: 8px; }
    #relatorio-content .content h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    #config-content > .p-64 { padding: 8px; }
    #config-content > .p-h-64 { padding-left: 8px; padding-right: 8px; }
    #home-content .cover img { height: 25%; }

    @media (min-width: 768px) and (max-width: 768px) {

        #footer > div > div > div { width: 50%; }
    }

    @media print {

        body * { -webkit-print-color-adjust: exact; print-color-adjust: exact; color: #000; }
        .cover { display: none; }
        .chart { display: inline-block !important; vertical-align: top !important; }
        .table-responsive-calendar th:first-child, .table-responsive-calendar td:first-child { width: initial !important; max-width: initial !important; }

        #pivot-table table td:first-child,
        #pivot-table .pvtAxisContainer,
        #pivot-table .pvtVals { display: none; }

        #report-paper { margin: 0; padding: 0; font-size: 10px; box-shadow: none; }
        #report-paper div[class*="table-responsive"] { overflow: visible; page-break-after: always; }

        .operacional { transform: translate(50%, -50%) rotate(90deg); transform-origin: center left; }

        #report-paper .table > tbody > tr > td,
        #report-paper .table > tbody > tr > th,
        #report-paper .table > tfoot > tr > th { white-space: nowrap; overflow: hidden; width: auto; text-overflow: ellipsis; font-size: 10px !important; vertical-align: middle !important; }
        #pivot-table table td:first-child { display: none !important; }
    }
